<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/*
			counter-reset  计数器-重置  就是给计数器起个名字 
			后面有三个参数  第一个是名字  第二个是初始值(默认是0)
			可以命名多个计数器  用空格隔开
			
			counter-increment  计数器递增  
			后面有两个参数  第一个是名字  第二个是变化值(默认是1) 
			可以递增多个计数器  用空格隔开
			
			content: counter()/counters() 用来显示计数
			   counter(name,style)
			   第一个参数是名字  第二个是种类 list-style-type
			   
			   counters(name,string)
			   第一个参数是名字  第二个是连接字符
			*/
			span{
				counter-reset: la 0;
				counter-increment: la;
			}
			span:before{
				content: counter(la);
			}
		</style>
	</head>
	<body>
		<div>我是世界上第<span></span>的人</div>
	</body>
</html>
